<style>
    .comment-container .comment{ padding: .2rem .1rem; }
    .comment-container .comment .avatar{ width: .75rem; height: .75rem; overflow: hidden; margin-right: .2rem; }
    .comment-container .comment .avatar img{ border-radius: 50%; }
    .comment-container .comment:not(:last-child) .comment-right{ border-bottom: 1px solid #eee; }
    .comment-container .comment .comment-right .content{ padding: .15rem .2rem .2rem 0; word-break: break-all; }

</style>
<div class="bui-page">
    <header class="bui-bar">
        <div class="bui-bar-left">
            <a class="bui-btn btn-back" ><i class="icon-back"></i></a>
        </div>
        <div class="bui-bar-main">评论界面</div>
        <div class="bui-bar-right">
            <!-- 右边按钮 -->
        </div>
    </header>
    <main style="background-color: #fff;">
        <div class="bui-box-vertical" style="height: 100%; overflow-y: auto;">
            
            <div style="height: 100%; overflow-y: auto;">
                <div class="comment-container">
                    <div class="comment">
                        <div class="bui-box-align-top">
                            <div class="avatar comment-left">
                                <img src="images/avatar1.jpeg">
                            </div>
                            <div class="span1 comment-right">
                                <div class="profile">
                                    <h3>李小草</h3>
                                    <div class="time">2018年7月2日</div>
                                </div>
                                <div class="content">
                                    言虽有穷而意无尽 <br>
                                    希望你遇到一个人<br>
                                    他看你时眼神温柔<br>
                                    愿意陪你做很多事<br>
                                    说很多话走很多路<br>
                                </div>
                                <div class="action"></div>
                            </div>
                        </div>
                    </div>
                    <div class="comment">
                        <div class="bui-box-align-top">
                            <div class="avatar comment-left">
                                <img src="images/avatar2.jpeg">
                            </div>
                            <div class="span1 comment-right">
                                <div class="profile">
                                    <h3>小王同志啊啊啊啊啊啊</h3>
                                    <div class="time">2019年5月1日</div>
                                </div>
                                <div class="content">
                                    南征北战，一开口就让我很震撼，很感动，有时候他们的歌声一响起禁不住湿了眼眶三种不同的声音，不同的风格，曲风很励志，总之很喜欢这个版本[爱心]
                                </div>
                                <div class="action"></div>
                            </div>
                        </div>
                    </div>
                    <div class="comment">
                        <div class="bui-box-align-top">
                            <div class="avatar comment-left">
                                <img src="images/avatar3.jpeg">
                            </div>
                            <div class="span1 comment-right">
                                <div class="profile">
                                    <h3>你心L</h3>
                                    <div class="time">2018年7月2日</div>
                                </div>
                                <div class="content">
                                    你活这么大有没有让你一辈子都忘不了的好事啊
                                    肯定有啊
                                    什么事啊能不能给我说说
                                    那是我大学刚毕业的时候，有一个暗恋我两年多的小姑娘来找我借钱，交那个学费贷款，后来，我瞒着家里面父母要了八千块钱，借给她，后来四年过去了，不仅八千块钱没还给我，而且每个月的工资都要给她
                                </div>
                                <div class="action"></div>
                            </div>
                        </div>
                    </div>
                    <div class="comment">
                        <div class="bui-box-align-top">
                            <div class="avatar comment-left">
                                <img src="images/avatar4.jpeg">
                            </div>
                            <div class="span1 comment-right">
                                <div class="profile">
                                    <h3>无畏也无所谓</h3>
                                    <div class="time">2018年7月2日</div>
                                </div>
                                <div class="content">
                                    2018高考落榜 想了很久 想复读 不管身边的人怎么看 还是坚持自己吧 不管生活会不会变好 我都要让自己变好 现在悄悄地去努力吧 等到变厉害之后 再蹦出来 把曾经看不起自己的人吓一大跳 这才是你现在需要当作目标的事 要成为自己最想成为的那种人啊易文雅.
                                </div>
                                <div class="action"></div>
                            </div>
                        </div>
                    </div>
                    <div class="comment">
                        <div class="bui-box-align-top">
                            <div class="avatar comment-left">
                                <img src="images/avatar5.jpeg">
                            </div>
                            <div class="span1 comment-right">
                                <div class="profile">
                                    <h3>你心L</h3>
                                    <div class="time">2018年7月2日</div>
                                </div>
                                <div class="content">
                                    不知为何，一听他们的声音，我就感觉回到了高考前大家还坐在一个教室里共同奋斗的场景，莫名泪目。    
                                </div>
                                <div class="action"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="border-top: 1px solid #eee;">
                <div class="bui-box-align-stretch">
                    <div class="span8">
                        <div id="uiInput" class="bui-input">
                            <textarea placeholder="听说爱评论的人长得好看哦" rows="1"></textarea>
                        </div>
                    </div>
                    <div class="span2">
                        <div class="bui-btn small primary submit" style="height: 100%;">发送</div>
                    </div>
                </div>
            </div>
        </div>
        
    </main>
    <footer>
        <!-- 底部内容 -->
    </footer>
</div>